:not(font){
    margin: 0px;
    padding: 0px;
    color: black;
    text-align: justify;
}
body{
    overflow-y: scroll;
}
body::-webkit-scrollbar{
    width: 5px;
    background: white;
}
body::-webkit-scrollbar-thumb{
    background:rgb(255, 127, 0);
    border-radius: 5px;
}
.main{
    display: flex;
    flex-direction: row;
}
._important{
    color: red;
    font-weight: 700;
}
a{
    cursor: pointer !important;
}
button:hover{
    border-color: rgb(255, 127, 0) !important;
}
a:hover{
    cursor: pointer !important;
}
.layui-layer-tips{
    width: auto !important;
}
.layui-layer-tips .layui-layer-content{
    white-space: nowrap;
}
/* 左 */
.left{
    display: flex;
    width:23%;
}
/* 左 */
.middle{
    width:54%;
    margin-bottom: 60px;
    overflow: hidden;
}
@media screen and (min-width:1700px) and (max-width:1850px){
    .left{
        width: 12% !important;
    }
    .right{
        width: 12% !important;
    }
    .middle{
        width: 76%;
    }
    .foot{
        width: 76% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:76% !important;
        margin-left: 12%;
        margin-right: 12%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (min-width:1500px) and (max-width:1700px){
    .left{
        width: 10% !important;
    }
    .right{
        width: 10% !important;
    }
    .middle{
        width: 80%;
    }
    .foot{
        width: 80% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:80% !important;
        margin-left: 10%;
        margin-right: 10%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (min-width:1410px) and (max-width:1500px){
    .left{
        width: 7% !important;
    }
    .right{
        width: 7% !important;
    }
    .middle{
        width: 86%;
    }
    .foot{
        width: 86% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:86% !important;
        margin-left: 7%;
        margin-right: 7%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (min-width:1280px) and (max-width:1410px){
    .left{
        width: 5% !important;
    }
    .right{
        width: 5% !important;
    }
    .middle{
        width: 90%;
    }
    .foot{
        width: 90% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:90% !important;
        margin-left: 5%;
        margin-right: 5%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (min-width:300px) and (max-width:1280px){
    .left{
        width: 1% !important;
    }
    .right{
        width: 1% !important;
    }
    .middle{
        width: 98%;
    }
    .foot{
        width: 98% !important;
    }
    .header_line{
        width:98% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:98% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (max-width:300px) and (min-width:0px){
    .left{
        width: 0% !important;
    }
    .right{
        width: 0% !important;
    }
    .middle{
        width: 100%;
    }
    .foot{
        width: 100% !important;
    }
    .header_line{
        width:100% !important;
    }
    .header_line .header_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width:100% !important;
        margin-left: 0%;
        margin-right: 0%;
    }
    .user_middle ul dl dt{
        font-size: 12px;
    }
    .user_middle ul dl dt .comment_star i{
        font-size: 12px;
        width: 18px;
    }
}
@media screen and (max-width:725px){
    .right_tab_class_1{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end;
        position: absolute;
        right: 0;
        /* border: 1px solid #FF7F00; */
        z-index: 1000;
        width: auto !important;
    }
    .right_tab_class_2{
        display: none !important;
    }
    .header_row .header_welcome{
        width: 90% !important;
    }
    #index_header_img{
        display: none;
    }
    #index_header_img_1{
        display: block;
    }
    .index_header_info{
        width: 100% !important;
    }
    .index_bottom_content{
        flex-direction: column-reverse !important;
    }
    .index_bottom_content_img{
        display: none;
    }
    .index_bottom_content .bottom_introduct,.index_bottom_content .bottom_list{
        width: 100% !important;
        padding-left:0px !important;
    }
    .index_content .index_left{
        width: 0% !important;
    }
    .index_content .index_right{
        width:100% !important;
    }
    .index_bottom_content .bottom_introduct h2{
        display: none;
    }
    #task_list_header{
        width: 100% !important;
        display: none !important;
    }
    .header_row .header_choose{
        width: 0% !important;
    }
    .header_row .header_search{
        padding-top: 5%;
        width: 100% !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header_input{
        width: 160px !important;
    }
    .header_btn{
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .index_foot ul{
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    .index_foot ul li:nth-child(1){
        width: 100% !important;
    }
    .index_foot ul li{
        margin-right: 5% !important;
        margin-top: 2% !important;
    }
    .index_foot{
        flex-direction: column !important;
    }
    .regist_sub label{
        width: 70px !important;
        text-overflow: initial !important;
    }
    .no_log{
        display: none;
    }
    .login_tab .log_in,.regist_tab .regist_in{
        width: 100% !important;
    }
    .index_left img{
        display: none;
    }
    .release_tab{
        display: none !important;
    }
    .choose_task dl{
        width: 50% !important;
    }
    .log_option .log_img{
        display: none !important;
    }
    .log_in .log_option .log_sub{
        width: 100% !important;
    }
    .log_acc label{
        display: none !important;
    }
    .log_pwd label{
        display: none !important;
    }
}
@media screen and (min-width:725px){
    .right_tab_class_1{
        display: none !important;
    }
    .right_tab_class_2{
        display: flex !important;
    }
    #index_header_img_1{
        display: none;
    }
    #index_header_img{
        display: block;
    }
    .release_tab{
        display: flex !important;
    }
}
@media screen and (max-width:870px){
    .index_bottom .index_bottom_title h2{
        display: none;
    }
    .index_bottom .index_bottom_title_1 h2{
        display: block;
    }
}
@media screen and (min-width:870px){
    .index_bottom .index_bottom_title h2{
        display: block;
    }
    .index_bottom .index_bottom_title_1 h2{
        display: none;
    }
}
@media screen and (max-width:700px){
    .tab_over{
        display: block !important;
    }
}
@media screen and (min-width:700px){
    .tab_over{
        display: none !important;
    }
}
/* 中心头 */
.header{
    width:100%;
}
.header_row{
    width:100%;
    display: flex;
    flex-direction: row;
}
.header_line .header_row{
    padding-left: 23%;
    padding-right: 23%;
    width:54%;
    display: flex;
    flex-direction: row;
    border-bottom:1px solid #eeeeee;
}
.header_line .header_row,.header_line .header_row .layui-nav{
    font-size: 12px !important;
}
.header_row ul,.header_row .header_introduct,.header_row .header_welcome,.header_row  .header_choose,.header_row .header_search{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.header_row .header_welcome{
    width: 42%;
}
.header_row .header_nav{
    width: 60%;
}
.right_tab_class_1 .pull_tab{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1000;
    background: white;
    padding: 5px;
    display: none;
}
.right_tab_class_1 .right_tab_class_1_i{
    margin-right: 5px;
}
/* .right_tab_class_1 .pull_tab li{
    
} */
.right_tab_class_1 .pull_tab li.pull_tab_title{
    font-weight: 700;
}
/* line 1 */
.header_row .header_welcome a:nth-child(1){
    color: red !important;
}
.header_row .header_welcome a:nth-child(1):hover{
    text-decoration:underline;
}
.header_row .header_welcome,.header_row .header_nav{
    line-height: 30px;
}
.header_row .header_welcome dl:nth-child(1),.header_row .header_welcome div:nth-child(1){
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header_row .header_welcome dd .login,.header_row .header_welcome dd .regist,.header_row .header_welcome dd .hello,.header_row .header_welcome div .login,.header_row .header_welcome div .regist,.header_row .header_welcome div .hello{
    margin-left: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black !important;
}
.header_row .header_nav{
    display: flex;
    flex-direction:row;
}
.header_row .header_nav,.header_row .header_introduct,.header_row .header_adv{
    justify-content: flex-end;
}
.header_row .header_nav dl{
    padding: 0px 1px;
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
}
.layui-nav{
    background-color: white;
    color: black;
    padding-right: 0px;
}
.layui-nav .layui-nav-item{
    line-height: 30px;
}
.header_row .header_nav .layui-nav-item a{
    color: black;
}
.layui-nav-child{
    left:10;
    top:30;
}
/* line 2 */
.header_introduct,.header_logo{
    height: 115px;
}
.header_logo img{
    height: 84px;
}
.header_introbtn{
    background-color: rgb(254,50,6);
    padding: 8px;
    border-radius: 25px;
    color: white !important;
}
.header_introbtn span b{
    color: #181717 !important;
    padding-left: 10px;
}
.header_row .header_introduct{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header_introduct .header_why{
    margin-right: 25px;
    margin-top: 5px;
    white-space: nowrap;
}
/* line 3 */
.header_row .layui-tab-title li {
    /* background-color: #eeeeee; */
    border:1px solid #dddddd;
    border-radius: 5px 5px 0px 0px;
    margin-right: 5px;
    font-weight: 700;
    color: #555555 !important;
    border-bottom: 0px;
}
.header_tab{
    border: 0px;
}
.header_row .header_tab .tab_over{
    display: none;
    width: 1%;
    border: 0px !important;
    
    text-align: center;
    position: absolute;
    right: 0px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(255, 127, 0);
    border-color: rgb(255, 127, 0) !important;
}

.header_row .header_tab .tab_over:hover{
    border: 0px !important;
}
.header_row .header_tab .tab_over::after{
    border-style: hidden !important;
}
.header_row .header_tab .tab_over i{
    color: white !important;
}
.header_tab,.header_adv{
    margin-top: 10px;
}
.header_tab li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header_tab li:hover{
    background: rgb(255, 127, 0);
    color: white !important;
    border-bottom: 0px;
    border-color: rgb(255, 127, 0);
}
.header_row .layui-tab-title li.tab_hover{
    background: rgb(255, 127, 0);
    color: white !important;
    border-bottom: 0px;
    border-color: rgb(255, 127, 0);
}
.header_row .layui-tab-title .layui-this{
    /* background-color: rgb(255, 127, 0); */
}
.header_vip a{
    margin-right: 20px;
    color: #cc3e00 !important;
}
.header_vip .layui-icon{
    color: rgb(81,173,5) !important;
    margin-right: 5px;
    font-size: 20px;
}
/* line 3 */
/* line 4 */
.header_row .header_choose{
    height: 44px;
    width: 40%;
    background-color: rgb(255, 127, 0);
}
.header_sel{
    width: 40%;
}
.header_sel .layui-unselect{
    margin-left: 2px;
}
.header_row .header_search{
    width: 60%;
    background-color: rgb(255, 127, 0);
}
.header_search .layui-nav-item{
    background-color: white;
    width: 180px;
}
.header_search .layui-nav-item a{
    padding-right: 40px;
    color: black;
    white-space: nowrap;
}
.header_search .layui-nav-item a:hover{
    color: black;
}
.layui-nav-child{
    left: 0px;
    top:30px;
}
.header_input{
    height: 30px;
}
.header_input .layui-input{
    height: 100%;
    width: 100%;
}
.header_btn button{
    height: 30px;
    line-height: 30px;
    color: white !important;
}
.header_high_search span,.header_high_search dd{
    margin-left: 20px;
}
.header_high_search span a,.header_high_search dd a{
    color: white !important;
    font-size: 12px;
    display: inline-block;
    width: 120px;
}
.header_sel .layui-unselect .layui-select-title input{
    height: 30px;
    line-height: 30px;
    background-color: #FFB800;
    border: 0px;
    color: white;
}
.header_sel .layui-unselect .layui-select-title input::placeholder{
    color: white !important;
}
.layui-form-select .layui-edge{
    border-top-color: white !important;
}
.layui-form-select .task_list_header{
    background: #FCF6ED;
    border: 2px solid #f8d4ad;
    border-top: 0px;
    text-align: center;
}
.layui-form-select .task_list_header {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 42px;
    padding: 5px 0;
    z-index: 899;
    min-width: 100%;
    /* border: 1px solid #eee; */
    max-height: 300px;
    overflow-y: auto;
    /* background-color: #fff; */
    border-radius: 2px;
    box-sizing: border-box;
}
.task_list_header dd,.task_list_header div{
    border-top: 2px solid #f8d4ad;
    color: #c05200;
}
.layui-form-select  .task_list_header div {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task_list_header a{
    font-size: 12px;
    display: flex;
    margin-top: 5px;
    justify-content: center;
    word-break: break-all;
}
.task_list_header dd a.mission_category_name,.task_list_header div a.mission_category_name{
    display: inline;
    font-size: 14px;
}
.task_list_header dd i,.task_list_header div i{
    color: #c05200;
    margin-right: 3px;
}
/* line 4 */
/* 中心头 */
/* 中心尾 */
.foot{
    padding-top: 20px;
    
    flex-direction: row;
    justify-content: center;
    padding-bottom: 20px;
    background: white;
    position: fixed;
    bottom: 0px;
    width: 54%;
    z-index: 1000;
    text-align: center;
    line-height: 25px;
}
.foot_link a{
    font-size: 13px;
}
.foot_link a:hover{
    color: #ff6600 !important;
}
/* 中心尾 */
/* 登陆注册 */
.login_tab,.regist_tab,.find_tab{
    width: 94%;
    display: flex;
    flex-direction: row;
    border:#c3dbf1 solid 1px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 25px 3%;
}
.login_tab .log_in,.regist_tab .regist_in,.find_tab .find_in{
    width: 55%;
    padding-right: 20px;
}
.login_tab .no_log,.regist_tab .no_log,.find_tab .no_log{
    width: 45%;
    border-left: 1px dashed#999999;
    padding:0px 30px;
}
.log_in .log_title i,.regist_in .regist_title i,.find_in .find_title i{
    color: rgb(255, 127, 0) !important;
}
.log_in .log_title span,.regist_in .regist_title span,.find_in .find_title span{
    font-size: 12px;
    margin-left: 15px;
    font-weight: 700;
}
.log_in,.regist_in{
    display: flex;
    flex-direction: column;
}
.log_in .log_option,.regist_in .regist_option{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.find_in .find_option{
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
}
.log_in .log_option .log_img{
    width: 30%;
    display: flex;
    justify-content: center;
}
.log_in .log_option .log_sub{
    width: 70%;
    text-align:right;
}
.log_in .log_option .log_sub label{
    text-align:right;
}
.regist_in .regist_option .regist_sub,.find_in .find_option .find_sub{
    width: 100%;
    text-align:left;
}
.regist_in .regist_option .regist_sub div{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    align-items: center;
}
.regist_sub  label{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 15%;
    text-align: right;
    margin-right: 10px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.regist_sub input{
    height: 30px;
    line-height: 30px;
    width: 40%;
}

.point{
    color: red !important;
    margin-left: 15px;
    line-height: 30px;
}
.regist_sub .regist_tip{
    color: #999999 !important;
    font-size: 13px;
    line-height: 15px;
    margin-left: 5px;
    width: 44%;
}
.find_sub .find_tip,.find_sub .find_tip2{
    font-size: 13px;
    margin-top: 5px;
}
.regist_in .regist_option .regist_sub .captcha_tip{
    display: flex;
    flex-direction: column;
    margin-left: 15%;
    font-size: 12px;
}
.regist_in .regist_option .regist_sub .captcha_tip p{
    margin-bottom: 3px;
}
.regist_sub input:nth-last-child(2){
    width: 20%;
}
.log_in .log_option .log_sub .log_tip{
    color: #999999 !important;
    font-size: 15px;
}
.log_in .log_option dd{
    width: 50%;
}
.log_in .log_option .log_img .log_image{
    background-color: rgba(253, 231, 212) !important;
    width: 120px;
    height: 120px;
    border-radius: 20px;
    text-align: center;
}
.log_option .log_img .log_image i{
    color: white !important;
    font-size: 100px;
}
.log_acc,.log_pwd,.log_btn,.log_status,.regist_btn,.confirm_btn{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 10px;
}
.log_acc input,.log_pwd input{
    width: 83%;
    height: 30px;
    line-height: 30px;
}
.log_acc label,.log_pwd label{
    height: 30px;
    line-height: 30px;
    width: 25%;
}
.log_btn button,.confirm_btn button{
    height: 30px;
    line-height: 30px;
    background-color: rgba(120, 187, 226,0.3);
    width: auto;
    margin-left: 15%;
    color: rgba(41, 111, 151, 0.9) !important;
}
.log_btn a:hover{
    color: #ff6600 !important;
}
.layui-form-checkbox[lay-skin=primary]{
    height: 30px !important;
}
.layui-form-checked[lay-skin=primary] i {
    background-color: rgb(151, 205, 241) !important;
    border-color:rgba(151, 205, 241,0.8) !important;
}
.log_status{
    margin-left: 42px;
}
.log_btn a{
    /* line-height: 30px; */
    margin-left: 5px;
}
.regist_tip{
    font-size: 11px;
}
.no_log_tip{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 3px;
}
.no_log .regist_btn a{
    height: 30px;
    line-height: 30px;
    color: rgba(254,50,6,0.7) !important;
    background-color: rgba(254, 208, 46,0.7);
    border-radius: 3px;
}
.serve_intro{
    font-weight: 700;
    font-size: 15px;
    margin-top: 20px;
}
.no_log_get{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.get_img{
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    font-size: 30px;
    color: white !important;
    margin-right: 10px;
}
.money{
    background-image: linear-gradient(rgb(151, 205, 241),rgb(85, 174, 233));
}
.getmoney{
    background-image: linear-gradient(rgb(247, 214, 160),rgb(233, 194, 22));
}
.get_info{
    display: flex;
    flex-direction: column;
    font-size: 12px;
}
.get_info span:nth-child(2){
    color: #999999 !important;
    margin-top: 2px;
}
.not_log_info .no_log_question{
    font-weight: 700;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 2px;
}
.not_log_info .no_log_answer{
    font-size: 12px;
}
.not_log_info .no_log_answer a:hover,.header_welcome a:hover{
    color: #ff6600 !important;
}
.captcha_img{
    width: 250px;
    height: 62px;
    margin-left: 10px;
    margin-top: 0px !important;
    border:0px;
}
.find_sub .find_acc{
    margin-top: 25px;
}
.find_sub div{
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}
.find_sub label{
    width: 15%;
    line-height: 30px;
    text-align: right;
}
.find_sub input{
    width: 50%;
    height: 30px;
    line-height: 30px;
}
.find_sub .find_captcha input{
    width: 20%;
}
._clear{
    margin-left: 15%;
    cursor: pointer;
}
._clear:hover{
    color: red !important;
}
.find_email button{
    height: 30px !important;
    line-height: 30px !important;
    color: rgb(233, 194, 22) !important;
    background-color: rgba(233, 194, 22,0.3);
    margin-left: 5px;
}
._captcha{
    display: flex;
    flex-direction: column;
}
._captcha .captcha_img{
    margin-left: 0px;
}
._captcha ._clear{
    margin-left: 0px;
}
/* 登陆注册 */
/* 选择任务模式 */
.release_tab{
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

.release_tab dl{
    width: 25%;
    text-align: center;
    height: 70px;
    /* line-height: 70px; */
    border:1px solid rgb(207,226,246);
    font-size: 23px;
    font-weight: 700;
    color: rgb(0,108,207) !important;
    background-color: rgb(244,247,252);
    opacity: 0.6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
}
.release_tab dl:nth-child(1) span:nth-child(1){
    font-size: 18px;
    width: 30%;
    line-height: 25px;
    color: rgb(0,108,207) !important;
}
.release_tab dl:nth-child(1) span:nth-child(2){
    width: 20%;
}
.release_tab dl:nth-child(1) span:nth-child(3){
    font-size: 18px;
    color: rgb(0,108,207) !important;
}
.release_tab dl:nth-child(1){
    opacity: 1;
}
.release_tab dt{
    width: 25%;
    text-align: center;
    height: 70px;
    /* line-height: 70px; */
    border:1px solid rgb(207,226,246);
    font-size: 23px;
    font-weight: 700;
    color: rgb(201,133,1) !important;
    background-color: rgba(255,230,181,0.4);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;
}
.release_tab dt span{
    color: rgb(201,133,1);
}
.num{
    font-size:60px;
    color: red !important;
}
.num1{
    font-size:60px;
    color: rgb(235,198,129) !important;
    /* position: absolute; */
    margin-left: 5px;
}
.num2{
    font-size:60px;
    color: white !important;
}
.choose_task{
    border: 1px solid rgb(255,102,0);
    margin-top: 10px;
}
.choose_task dl{
    /* height: 206px; */
    width: 23%;
    border:3px solid rgb(255,102,0);
    border-radius: 5px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 60px;
}
.choose_task dl p{
    width: 90%;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    justify-content: center;
}
.choose_task dl p span{
    width: 50%;
    font-size: 12px;
    color: #666666 !important;
    word-break: break-all;
}
.choose_task dl p span:nth-child(1){
    margin-right: 10px;
}
.choose_task dl h2{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.choose_task dl h2 img{
    margin-right: 10px;
}
.choose_task p a{
    height: 30px;
    line-height: 30px;
}
.task_tip{
    position:relative;
    width: 21%;
    word-break: break-all;
    display: inline-block;
    margin-left: 14px;
    background: white;
    border-radius: 10px;
    margin-top: -60px;
    box-shadow: 1px -1px 11px 2px #eeeeee;
    padding: 10px;
    color: #666666;
    font-size: 14px;
    cursor: text;
}
/* 选择任务模式 */
/* 征稿大厅 */
.task_tab{
    font-size: 13px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.task_list{
    display: flex;
    flex-direction: row;
}
.task_class_index{
    width:15%;
    border-top:1px solid #EAEAEA;
    border-bottom: 0px;
}
.all_task .layui-tab-title .layui-this:after{
    border-width: 0px;
}
.all_task .layui-tab-title .layui-this{
    margin-left: 0px;
}
.all_task{
    margin-left: 1%;
    width: 84%;
}
.task_class_index dl{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #EAEAEA;
    background: rgb(248,248,248);
    border-left:1px solid #EAEAEA;
    border-right:1px solid #EAEAEA;
}
.task_class_index dl:nth-child(1){
    padding-left: 10px;
}
.task_class_index dl i{
    margin-right: 5px;
    color: rgb(230,230,230);
}
.task_select{
    margin-top: 10px;
    padding-bottom: 20px;
    border: 1px solid #ffc44c;
    margin-bottom: 10px;
}
.task_select h5{
    font-weight: 700;
    padding: 8px;
    color: #e46500;
    background: #fff8e8;
}
.task_select p{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea ;
}
.task_select p span{
    font-weight: 700;
    margin-top: 15px;
    margin-left: 20px;
}
.task_select p a{
    margin-top: 15px;
    margin-right: 20px;
    color: #006DD2;
    font-size: 13px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
.use_this{
    color: white !important;
    background: #54abdb;
}
.task_list_index h6{
    padding:5px;
    border: 1px solid #e4e4e4;
    background: rgb(246,246,246);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.task_list_index h6 button{
    border: 1px solid #e4e4e4;
    background: rgb(246,246,246);
    /* padding:3px; */
    padding-left: 10px;
    padding-right: 10px;
}
.task_list_index h6 input{
    height: 27px;
    line-height: 27px;
    width: 20%;
    margin-left: 20px;
    margin-right: 2px;
}
.task_list_index p{
    display: flex;
    flex-direction: row;
    width:100%;
    border-left: 1px solid rgb(238,238,238);
    border-right: 1px solid rgb(238,238,238);
}
.task_list_index p span{
    width: 11%;
    padding: 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid rgb(238,238,238);
}
.task_list_index p .task_money{
    font-weight: 700;
    color: #FF5A00;
}
.task_list_index p .task_time{
    color: #FF5A00;
}
.task_list_index p a{
    color: #005ed9;
}
.task_list_index p.task_list_title span{
    width: 11%;
    padding: 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid rgb(238,238,238);
    color: #666;
    background: #fafafa;
}
.task_list_index .task_list_page span{
    padding-top: 12px;
    padding-bottom: 12px;
}
/* 征稿大厅 */
/* 首页 */
.index_content{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.index_content .index_left{
    width: 16%;
}
.index_content .index_left img{
    width: 100%;
}
.index_content .index_right{
    width: 84%;
}
.index_header{
    display: flex;
    flex-direction: row;
}
.index_header .index_header_img{
    width: 65% !important;
    margin: 1%;
}
.index_header_info{
    margin: 1%;
    display: flex;
    flex-direction: column;
    width: 35%;
}
.index_header_info .layui-tab{
    width: 100%;
}
.index_header_info .layui-tab .layui-tab-content{
    padding-left: 10px;
}
.index_header_info .layui-tab .layui-tab-title li:hover{
    background-color: rgb(241,181,96);
    color: white;
    border: 0px;
}
.index_header_info .header_info_1{
    display: flex;
    flex-direction: row;
}
.index_header_info .header_info_1 button{
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
}
.index_header_info .header_info_2 button{
    margin-top: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    background-color: rgb(255,250,218);
    color: rgb(231,85,2);
}
.index_header_info .layui-tab .layui-tab-title{
    height: 30px;
    border-bottom:0px;
    width: 100%;
    display: flex;
}
.index_header_info .layui-tab .layui-tab-content{
    width: 100%;
}
.index_header_info .layui-tab .layui-tab-content .layui-tab-item dl a{
    font-size: 13px;
}
.index_header_info .layui-tab .layui-tab-title li{
    margin-left: 0px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 23%;
}
.index_header_info .layui-tab .layui-tab-title .layui-this:after{
    height: 30px;
}
.index_header_info .layui-tab .layui-tab-item{
    line-height: 25px;
    width: 100%;
}
.index_header_info .layui-tab .layui-tab-item dl{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_bottom{
    margin-top: 2%;
    margin-bottom: 3%;
}
.index_bottom .index_bottom_title{
    display: flex;
    flex-direction: row;
    border-bottom: 2px solid #c80000;
    margin-left: 1%;
}
.index_bottom .index_bottom_title i{
    line-height: 30px;
    height: 30px;
    background: gray;
    color: white;
}
.index_bottom .index_bottom_title .layui-tab-title{
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.index_bottom .index_bottom_title .layui-tab-title li{
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
}
.index_bottom .index_bottom_title .layui-tab-title li:hover{
    border: 2px solid #eb8080;
    border-bottom: 2px solid white;
}
.index_bottom .index_bottom_title h2,.index_bottom .index_bottom_title_1 h2{
    margin: 1%;
    width: 15%;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #c80000;
    font-weight: 500;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_bottom .index_bottom_title_1 h2{
    width: 100%;
}
.index_bottom .index_bottom_title_1 h2 a{
    color: #c80000;
}
.index_bottom .index_bottom_title h2 a{
    color: #c80000;
}
.index_bottom .index_bottom_title ul{
    width: 88%;
}
.index_bottom_content{
    display: flex;
    flex-direction: row;
    border: 1px solid #EAEAEA;
    margin-left: 1%;
    border-top: 0px;
}
.index_bottom_content img{
    width: 100%;
    padding:3%;
    height: 100%;
}
.index_bottom_content .bottom_list{
    width: 35%;
    padding: 3%;
    line-height: 25px;
}
.index_bottom_content .bottom_list dl,.index_bottom_content .bottom_list dd,.index_bottom_content .bottom_list div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #c80000;
    font-size: 12px;
}
.index_bottom_content .bottom_list dl a,.index_bottom_content .bottom_list dd a,.index_bottom_content .bottom_list div a{
    color: #c80000;
}
.index_bottom_content .bottom_list dl:nth-last-child(1) a,.index_bottom_content .bottom_list dd:nth-last-child(1) a,.index_bottom_content .bottom_list div:nth-last-child(1) a{
    color: black;
}
.index_bottom_content .bottom_introduct{
    display: flex;
    flex-direction: column;
    padding: 3%;
    line-height: 25px;
    padding-left: 8%;
    background-color: #fafafa;
    width: 25%;
}
.bottom_introduct h2{
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 25px;
}
.index_bottom_content .bottom_introduct dl{
    font-size: 12px;
}
.index_bottom_content .bottom_introduct dl span{
    font-weight: 700;
}
.index_bottom_content .bottom_introduct dl span.avg_money{
    color: #c80000;
    font-size: 20px;
}
.index_bottom_content .bottom_introduct button{
    margin-top: 15px;
}
.index_foot{
    display: flex;
    flex-direction: row;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 1%;
}
.index_foot ul{
    width: 20%;
    line-height: 20px;
    border-right: 1px solid #eaeaea;
    padding-left: 5px;
}
.index_foot ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_foot ul li:nth-child(1){
    font-weight: 700;
    text-align: center;
}
.index_bottom_title .layui-tab-title .layui-this{
    border: 2px solid #c80000;
    border-bottom: 2px solid white;
}

.header_sel .tab_choose{
    position: absolute;
    left: 100%;
    z-index: 1000;
    width: auto;
    background: white;
    padding: 6%;
    border: 2px solid #F59B26;
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
}
.header_sel .tab_choose div{
    display: flex;
    flex-direction: row;
}
.tab_choose h6{
    font-weight: 700;
    margin-bottom: 2%;
    white-space: nowrap;
}
.tab_choose a{
    display: inline-block;
    font-size: 12px;
    color: #666;
    /* width: 33%; */
    line-height: 30px;
    border-bottom: 1px dashed #f5f5f5;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}
.tab_choose a:hover{
    background: #F59B26;
    color: white;
}
/* 首页 */
/* 右 */
.right{
    display: flex;
    width:23%;
}
/* 右 */
